/* 背景效果 */
@charset "utf-8";

html,body {
    width:100%;
    height:100%;
    background:linear-gradient(to bottom,#000000 0%,#5788fe 100%);
}
.filter {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#fe5757;
    animation:colorChange 30s ease-in-out infinite;
    animation-fill-mode:both;
    mix-blend-mode:overlay;
}
@keyframes colorChange {
    0%,100% {
    opacity:0;
}
50% {
    opacity:.9;
}
}.landscape {
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    height:100%;
    /*background-image:url(https://openclipart.org/image/2400px/svg_to_png/250847/Trees-Landscape-Silhouette.png);
    */
    background-image:url('../images/xkbg.png');
    background-size:1000px 250px;
    background-repeat:repeat-x;
    z-index: 1;
    background-position:center bottom;
}
